<template>
  <div>
    <u-row customStyle="font-size: 34rpx;color: #acadaf;"
      ><u-col textAlign="center">火锅店（禅城）</u-col></u-row
    >
    <u-row justify="space-between" :customStyle="headStyle">
      <block><u-col span="6">制作单-堂食</u-col></block>
    </u-row>
    <u-row
      justify="space-between"
      customStyle="font-size: 34rpx; color:#8a8b8e;font-weight: bold;border-bottom: 1rpx dashed #efefef; padding: 20rpx 0; box-sizing: border-box;"
    >
      <u-col span="6">桌号：16</u-col>
    </u-row>
    <u-row
      justify="space-between"
      customStyle="font-size: 34rpx; color:#8a8b8e;font-weight: bold; padding: 20rpx 0; box-sizing: border-box;"
    >
      <u-col>预约送达：12-29 14:30</u-col>
    </u-row>
    <u-row
      justify="space-between"
      align="top"
      customStyle="font-size: 34rpx;padding: 20rpx 0 0 0; box-sizing: border-box; color:#88898c;"
    >
      <u-col span="4" textAlign="center">商品名称</u-col>
      <u-col span="4" textAlign="center">规格</u-col>
      <u-col span="2" textAlign="center">数量</u-col>
      <!--        <u-col span="1" textAlign="center">价格</u-col>-->
      <!--        <u-col span="1" textAlign="center">小计</u-col>-->
    </u-row>
    <u-row
      justify="space-between"
      customStyle="font-size: 34rpx; color:#88898c;"
    >
      <u-col span="4" textAlign="center">三彩无骨鱼</u-col>
      <u-col span="4" textAlign="center">500G/微辣/草鱼</u-col>
      <u-col span="2" textAlign="center">1.0</u-col>
      <!--        <u-col span="1" textAlign="center">18</u-col>-->
      <!--        <u-col span="1" textAlign="center">18</u-col>-->
    </u-row>

    <u-row
      customStyle="font-size: 34rpx;border-bottom: 1rpx dashed #efefef;padding: 20rpx 0 100rpx 0;box-sizing: border-box; color:#88898c;"
      >备注：</u-row
    >
    <u-row
      customStyle="color:#88898c;font-size: 34rpx;padding: 20rpx 0 0 0;box-sizing: border-box;"
      >打印时间：2022-02-03 12:32</u-row
    >
  </div>
</template>

<script>
export default {
  data() {
    return {
      headStyle: {
        fontSize: "34rpx",
        color: "#8a8b8e",
        fontWeight: "bold",
        borderBottom: "1rpx dashed #efefef",
        padding: "20rpx 0",
        boxSizing: "border-box",
      },
      headStyle1: {
        fontSize: "34rpx",
        color: "#8a8b8e",
        fontWeight: "bold",
        padding: "20rpx 0",
        boxSizing: "border-box",
      },
    };
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
.make {
  width: 570rpx;
  overflow: hidden;
  padding: 20rpx;
  box-sizing: border-box;
}
</style>
